// pages/goods_list/index.js
import { request } from '../../request/index.js';
import regeneratorRuntime from '../../lib/runtime/runtime';
/*
* 1.用户上划页面 滚动条触底 开始加载下一页数据
*   1. 找到滚动条触底事件
*   2. 判断还有没有下一页数据
*     页数=总条数/单页条数
*     totalPages=Math.ceil(total/this.QueryParams.pagesize)
*     还有下一页this.QueryParams<totalPages
*     没有下一页this.QueryParams>=totalPages
*   3. 如果没有下一页  弹出提示
*   4. 如果还有下一页  来加载下一页数据
*  2.下拉刷新页面
*   1.触发下拉刷新事件
*   2.重置 数据 数组
*   3.重置页码为1
*/

Page({

  /**
   * 页面的初始数据
   */
  data: {
    tabs:[
      { id: 0, value: '综合', isActive: true },
      { id: 1, value: '销量', isActive: false },
      { id: 2, value: '价格', isActive: false },
    ],
    goodsList:[],
    defimg:'../../icons/defimg.jpg',
    totalPages:''
  },
  QueryParams:{
    query:'',
    cid:'',	
    pagenum:1,
    pagesize: 10
  },
  // 标题点击事件
  handleTabsItemChange(e){
    let index=e.detail.index;
    let tabs=this.data.tabs 
    tabs.forEach((v,i) => i===index?v.isActive=true:v.isActive=false);
    this.setData({
      tabs
    })
  },


  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {
    this.QueryParams.cid = options.cid;
    this.getGoodsList()
  },
  async getGoodsList(){
    const res=await request({
      url:'/goods/search',
      data: this.QueryParams
    })
    let goodsList=this.data.goodsList.concat(res.goods)
    this.setData({
      goodsList,
      totalPages:Math.ceil(res.total/this.QueryParams.pagesize)
    });
    wx.stopPullDownRefresh();
  },
  // 下拉刷新事件
  onPullDownRefresh(){
    this.setData({
      goodsList:[]
    });
    this.QueryParams.pagenum = 1;
    this.getGoodsList()
  },
  // 页面上划  滚动条触底事件
  onReachBottom(){
    if (this.QueryParams.pagenum<this.data.totalPages){
      this.QueryParams.pagenum++
      this.getGoodsList()
      
    }else{
      wx.showToast({
        title: '没有下一页数据',
        icon: 'none',
        mask: false,
      });
    }
  },
})